<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="./sweetalert.css" rel="stylesheet">
    <script src="./sweetalert-dev.js" type="text/javascript"></script>
</head>
<body>
<script>

//promise 结合 swal弹窗

  var a=  new Promise((resolve,reject) => {

        swal({
            title: '提示',
            text: "确认删除吗？",
            type: 'warning',
            showCancelButton: true,
            confirmButtonText: '确认',   // 确认删除弹窗消失估计也是一个异步任务
            cancelButtonText: '取消',

            showLoaderOnConfirm: true, //加载按钮是否可见

        },function (data){                           // swal(json参数 , 回调函数)
            if(data){
                console.log(111)

                setTimeout(function (){

                    swal({
                        title: "请稍等",
                        text:"正在删除，请稍候...",
                        type: "warning",
                        showConfirmButton:false,
                        allowOutsideClick: false, //弹框外是否可点
                    });

                    console.log('鲁大师')
                },400)                                    //经过测试这里 要设置一个时间   点确认的时候   确认删除弹窗消失估计也是一个异步任务  如果这个时间更少
                //会被清空的覆盖  不会出现正在删除的弹窗



                setTimeout(function (){
                    resolve('确认')
                },2000)



            }else{
                console.log('取消')
                reject('取消')
            }
        });

    }).then(function (data){


      setTimeout(function (){
          swal({
              title: "上传成功",
              type: "success",
              showConfirmButton: false,
              timer: 1000
          })
      })


      console.log(data)

      console.log(11111111111)

      console.log(4444444444444)


    },function (data){
      console.log(data)
      return  '取消回调'
  })



  console.log(a)

</script>
</body>
</html>